<template>
	<view class="nodata_content">
		<view class="nodata">
			<image class="img" src="/static/2.1/404.png"></image>
			<view class="tip">
				哎呀，页面小哥跑掉了

			</view>

			<view class="tip">
				还好有翳安健康陪着您~~~
			</view>
			<navigator url="/">
				<image class="back_btn" src="/static/2.1/back_home.png"></image>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.nodata_content{
		height: 100vh;
		padding-top: 300rpx;
		
	}
	.nodata {
		// margin-top: 290rpx;
		text-align: center;

		.img {
			width: 710rpx;
			height: 553rpx;
			margin-bottom: 74rpx;
		}

		.tip {

			font-size: 48rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #008796;
			line-height: 75rpx;
			letter-spacing: 3rpx;
		}

		.back_btn {
			margin-top: 76rpx;
			width: 254rpx;
			height: 93rpx;
		}

	}
	@media screen and (max-width:750px) {
		.nodata {
			// margin-top: 290rpx;
			text-align: center;
		
			.img {
				width: 382rpx;
				height: 298rpx;
				margin-bottom: 64rpx;
			}
		
			.tip {
		
				font-size: 24rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #008796;
				line-height: 75rpx;
				letter-spacing: 3rpx;
			}
		
			.back_btn {
				margin-top: 46rpx;
				width: 178rpx;
				height: 60rpx;
			}
		
		} 
	}
</style>
